<template>
    <div class="film-comment column">
        <h1 class="page-title">最受欢迎的影评</h1>
        <span>最受欢迎的</span>
        <div class="new-comment"
            v-for="(item, index) in 5"
            :key="index">
            <MainCommentCard :info="comment"></MainCommentCard>
        </div>
        <div class="bottom">
            <img src="../assets/img/bottom-gg.jpg"
                alt="">
        </div>
    </div>
</template>
<script>
import MainCommentCard from "@/components/MainCommentCard"
export default {
    name: "film-comment",
    components: {
        MainCommentCard
    },
    data() {
        return {
            comment: {
                movieImg: require("../assets/img/card.jpg"),
                userImg: require("../assets/img/tx.jpg"),
                imgNumber: 3.5,
                userName: "打死不吃西红柿",
                title: "秒速五厘米，灵魂飘落的速度",
                content:
                    "当你走在熙熙攘攘的街头，忽然，一张似曾相识的脸出现在眼帘之中。未及细看，那身影已翩然而过。当你回头，茫茫人海里已无处寻觅，而刚才的邂逅，竟不知是真实存在，还是脑海中的虚幻。猛然间，那个曾经才下眉头却上心头的名字，就这样再次萦绕不去了。 不知道诸位有没有过这种..."
            }
        }
    }
}
</script>

<style lang="less" scoped>
    .film-comment {
        margin-top: 30px;
        span {
            font-size: 13px;
            margin-bottom: 10px;
        }
        .bottom {
            width: 100%;
            height: 110px;
        }
    }
</style>
